*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
ul li{
	list-style: none;
}

.header{
	width: 100%;
	height: 160px;
	// border-bottom: 2px solid #dc0f50;
	.header_main{
		width: 100%;
		height: 100%;
		.header_main_top{
			width: 100%;
			height: 30px;
			background: #e5e5e5;
			.header_main_tops{
				width: 1200px;
				height: 30px;
				line-height: 30px;
				margin: 0 auto;
				div{
					float: left;
					ul li{
						float: left;
						a{
							color: #666666;
							&:hover {
							color: #dc0f50;
						}
						}
						
					}
				}
				.header_main_top_1{
					width: 25px;
					height: 30px;
					margin-left: 30px;
					margin-right: 270px;
					text-align: center;
					font-size: 12px;
				}
				.header_main_top_2{
					width: 370px;
					height: 30px;
					text-align: left;
					font-size: 12px;
					ul li{
						float: right;
						margin-right: 19px;
					}
				}
				.header_main_top_3{
					width: 355px;
					height: 30px;
					text-align: left;
					font-size: 12px;
					//padding-left: 20px;
					ul li{
						margin-right: 20px;
						span{
							margin-left: 2px;
							margin-right: 2px;
							color: #dc0f50;
						}
					}
				}
				.header_main_top_4{
					width: 150px;
					height: 30px;
					text-align: left;
					font-size: 12px;
					ul li{
						margin-left: 10px;
						position: relative;
						&:first-child a{
							display: block;
							width: 48px;
							height: 12px;
							margin-top: 9px;
							padding-left: 8px;
							line-height: 12px;
							background: url(../images/iphone.png) no-repeat;
							&:hover .tan{
								display: block;
							}
							
							.tan {
							    display: none;
							    text-align: center;
							    background: #fff;
							    left: -101px;
							    top: 30px;
							    position: absolute;
							    z-index: 1000;
							    width: 122px;
							    border: 1px solid #e5e5e5;
							    /* height: 164px; */
							    padding: 14px 13px 0 13px;
							    img {
								    width: 121px;
								    height: 121px;
								}
								i {
								    display: inline-block;
								    width: 14px;
								    height: 11px;
								    background: url(../images/ware_list.png) no-repeat;
								    position: absolute;
								    left: 110px;
								    top: -11px;
								}
							}
						}
						&:last-child a{
							display: block;
							width: 55px;
							height: 12px;
							margin-top: 9px;
							padding-left: 15px;
							line-height: 12px;
							background: url(../images/wx.png) no-repeat;
							&:hover .tan{
								display: block;
							}
							.tan {
							    display: none;
							    text-align: center;
							    background: #fff;
							    left: -102px;
							    top: 30px;
							    position: absolute;
							    z-index: 1000;
							    width: 122px;
							    border: 1px solid #e5e5e5;
							    /* height: 164px; */
							    padding: 14px 13px 0 13px;
							     img {
								    width: 121px;
								    height: 121px;
								}
								i {
								    display: inline-block;
								    width: 14px;
								    height: 11px;
								    background: url(../images/ware_list.png) no-repeat;
								    position: absolute;
								    left: 110px;
								    top: -11px;
								}
							}
						}
						
					}
				}
			}
		}
		.header_main_center{
			width: 1200px;
			height: 132px;
			margin: 0 auto;
			div{
				float: left;
			}
			.header_main_center_1{
				width: 238px;
				height: 48px;
				margin-top: 40px;
				margin-left: 5px;
			}
			.header_main_center_2{
				margin-left: 112px;
				/*margin-right: 156px;*/
			    width: 531px;
			    //height: 80px;
			    position: relative;
			    //overflow: hidden;
			    margin-top: 32px;
			    input{
					width: 434px;
					height: 44px;
				    border: 2px solid #dc0f50;
				    /*padding: 10 112 10 15px;*/
				    padding-top: 5px;
				    //padding-right: 112px;
				    padding-bottom: 5px;
				    padding-left: 10px;
				    overflow: hidden;
				    font-size: 14px;
				    color: #666;
				    line-height: 20px;
				    outline: none;
				    resize: none;
				    font-family: "microsoft yahei";
				}
				a.s1{
					display: block;
				    width: 98px;
				    height: 44px;
				    line-height: 44px;
				    text-align: center;
				    color: #fff;
				    background: #dc0f50;
				    font-size: 16px;
				    position: absolute;
				    right: 0;
				    top: 0;
				}
				.suggest{
					//overflow: hidden;
				    width: 531px;
				    //height: 50px;
				    position: absolute;
				    border: 1px solid #e5e5e5;
				    background: #fff;
				    left: 0;
				    top: 44px;
				    z-index: 100000;
				}
				p{
					overflow: hidden;
				    line-height: 36px;
				    height: 36px;
				    padding: 0 5px;
				    a{
						display: inline-block;
					    float: left;
					    margin-right: 15px;
					    color: #999;
					    font-size: 14px;
					    &:hover{
					    	color: #dc0f50;
					    }
					}
					
				}
			}
			.header_main_center_3{
				z-index: 100;
			    float: left;
			    position: relative;
			    font: 14px/22px "microsoft yahei";
			    width: 124px;
			    margin-left: 150px;
			    margin-top: 33px;
			    a.goucart{
					display: block;
				    width: 125px;
				    height: 42px;
				    line-height: 42px;
				    color: #333;
				    border: 1px solid #e5e5e5;
				    text-align: center;
				    padding-left: 30px;
				    font-size: 14px;
				    background: url(../images/car_icon.png) no-repeat 10px center;
				    i{
						display: inline-block;
					    position: absolute;
					    right: -8px;
					    top: -6px;
					    background: #dc0f50;
					    height: 16px;
					    line-height: 16px;
					    color: #fff;
					    font-size: 12px;
					    padding: 0 5px;
					    border-radius: 8px;
					   	font-style: normal;
					}
				}
			}
		}
		
	}
}


/*header_main_top*/



